<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>首页</title>

</head>
<body>
	<%@include file="../common/head.jsp"%>
	<div class="wrapper">
		<div class="container">
			<div class="content">
				<div id="featured_slide">
					<ul id="featurednews">
						<li><img
							src="${pageContext.request.contextPath}/foreground/images/1.jpg"
							alt="" />
							<div class="panel-overlay">
								<h2>广州暴雨来袭道路积水</h2>
								<p>
									广州暴雨持续长达三小时，地势低处变成一片“汪洋”.<br /> <a href="#">了解更多 &raquo;</a>
								</p>
							</div></li>
						<li><img
							src="${pageContext.request.contextPath}/foreground/images/2.jpg"
							alt="" />
							<div class="panel-overlay">
								<h2>山东荣成遭遇严重干旱</h2>
								<p>
									山东省荣成市遭遇三十年不遇的罕见干旱，河床龟裂严重，裂口宽达两厘米.<br /> <a href="#">了解更多
										&raquo;</a>
								</p>
							</div></li>
						<li><img
							src="${pageContext.request.contextPath}/foreground/images/3.jpg"
							alt="" />
							<div class="panel-overlay">
								<h2>重庆酉阳雨后云雾弥漫</h2>
								<p>
									经过一场阵雨的洗礼后，重庆酉阳出现了壮观的“平流雾”美景.<br /> <a href="#">了解更多
										&raquo;</a>
								</p>
							</div></li>
						<li><img
							src="${pageContext.request.contextPath}/foreground/images/4.jpg"
							alt="" />
							<div class="panel-overlay">
								<h2>捕获神奇UFO状风暴</h2>
								<p>
									堪萨斯州艾克县的UFO状风暴照片.<br /> <a href="#">了解更多 &raquo;</a>
								</p>
							</div></li>
						<li><img
							src="${pageContext.request.contextPath}/foreground/images/5.jpg"
							alt="" />
							<div class="panel-overlay">
								<h2>武汉大风大雨气温大跳水</h2>
								<p>
									武汉当地气温大幅下滑，最高气温跳水8℃左右.<br /> <a href="#">了解更多 &raquo;</a>
								</p>
							</div></li>
					</ul>
				</div>
			</div>
			<div class="column">
				<ul class="latestnews">
					<li><img
						src="${pageContext.request.contextPath}/foreground/images/6.jpg"
						alt="" />
						<p>
							<strong><a href="#">相关部门.</a></strong><br> <a
								href="http://www.cea.gov.cn/">中国地震局</a><br> <a
								href="http://www.cma.gov.cn/">中国气象网</a><br> <a
								href="http://www.coi.gov.cn/">中国海洋局</a><br> <a
								href="http://www.hydroinfo.gov.cn/">中国水文局</a>
						</p></li>
					<li><img
						src="${pageContext.request.contextPath}/foreground/images/7.jpg"
						alt="" />
						<p>
							<strong><a href="#">应急电话.</a></strong><br> 报警<strong>110</strong><br>火警<strong>119</strong><br>
							急救<strong>120</strong><br>交通事故<strong>122</strong><br>食品药品投诉<strong>12331</strong>
						</p></li>
					<li class="last"><img
						src="${pageContext.request.contextPath}/foreground/images/8.jpg"
						alt="" />
						<p>
							<strong><a href="#">今日天气.</a></strong> <br> ${weather.city }<br>
							${weather.weatherRegime } ${weather.temprature }<br>
							${weather.dominatWind } ${weather.windPower }<br> <br>
							<a
								href="${pageContext.request.contextPath}/newsShow/listWeatherInfoNewsShowAction">
								了解更多 &raquo;</a>
						</p></li>
				</ul>
			</div>
			<br class="clear" />
		</div>
	</div>
	<!-- ####################################################################################################### -->
	<div class="wrapper">
		<div id="adblock">
			<br class="clear" />

		</div>
		<div id="hpage_cats">
			<div class="fl_left">
				<h2>
					<a
						href="${pageContext.request.contextPath}/newsShow/listBasicKnowNewsShowAction">基础知识
						&raquo;</a>
				</h2>
				<img
					src="${pageContext.request.contextPath}/foreground/images/9.jpg"
					alt="" />
				<p>
					<strong><a href="#">详情介绍.</a></strong>
				</p>
				<p>应急信息发布向公众提供各类型应急数据信息 包括生活小常识.</p>
			</div>
			<div class="fl_right">
				<h2>
					<a
						href="${pageContext.request.contextPath}/newsShow/listLawKnowNewsShowAction">法制知识
						&raquo;</a>
				</h2>
				<img
					src="${pageContext.request.contextPath}/foreground/images/10.jpg"
					alt="" />
				<p>
					<strong><a href="#">详情介绍.</a></strong>
				</p>
				<p>法制宣传向公众发布国家相关的应急预警法律法规常识.</p>
			</div>
			<br class="clear" />
			<div class="fl_left">
				<h2>
					<a
						href="${pageContext.request.contextPath}/newsShow/listPlanKnowNewsShowAction">应急预案
						&raquo;</a>
				</h2>
				<img
					src="${pageContext.request.contextPath}/foreground/images/11.jpg"
					alt="" />
				<p>
					<strong><a href="#">详情介绍.</a></strong>
				</p>
				<p>应急预案主要提供各级各类国家和地方应急预案，以及各类专项预案.</p>
			</div>
			<div class="fl_right">
				<h2>
					<a
						href="${pageContext.request.contextPath}/newsShow/listFirstaidKnowNewsShowAction">应急自救
						&raquo;</a>
				</h2>
				<img
					src="${pageContext.request.contextPath}/foreground/images/12.jpg"
					alt="" />
				<p>
					<strong><a href="#">详情介绍.</a></strong>
				</p>
				<p>应急自救向公众宣传如何在突发事件发生时，有效的自救，以及其他情况下的自救知识；.</p>
			</div>
			<br class="clear" />
		</div>
	</div>
	<!-- ####################################################################################################### -->
	<div class="wrapper">
		<div id="footer">
			<div class="footbox">
				<h2>网站服务</h2>
				<ul>
					<li><a href="#">关于我们</a></li>
					<li><a href="#">客服中心</a></li>
					<li><a href="#">帮助</a></li>
					<li class="last"><a href="#">联系我们</a></li>
				</ul>
			</div>
			<div class="footbox">
				<h2>营销中心</h2>
				<ul>
					<li><a href="#">广告商</a></li>
					<li class="last"><a href="#">广告服务</a></li>
				</ul>
			</div>
			<div class="footbox last">
				<h2>相关链接</h2>
				<ul>
					<li><a href="#">中国地震网</a></li>
					<li><a href="#">中国气象局</a></li>
					<li><a href="#">中国水文网</a></li>
					<li class="last"><a href="#">中国海洋局</a></li>
				</ul>
			</div>
			<br class="clear" />
		</div>
	</div>
	<!-- ####################################################################################################### -->
	<div class="wrapper col8">
		<div id="copyright">
			<p class="fl_left">
				&copy; 京公网安备11041400134号 <a href="#"></a>
			</p>
			<p class="fl_right">
				<a
					href="${pageContext.request.contextPath}/newsShow/listNewsShowAction"
					title="">应急信息共享与发布平台</a>
			</p>
			<br class="clear" />
		</div>
	</div>

</body>
</html>